<extend name="zh_tw:Public:base" />
<block name="title">
    <title>美住 - 提醒消息</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=bdf8875f9e52f651ec877dc7073586ed">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookPage/order.css?rev=0d4a16f66cfee62e528d5ab6581e68bd">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/PushCenterPage/index.css?rev=b144f9fc4ef67824775f723e30102d7d">
</block>
<block name="document">
    <div id="doc" class="container-above-md" data-today="{:date('Y-m-d')}">
        <include file="zh_tw:Public:Include_control_navbar" navbar-menu-pushing="active" />
        <div id="doc-body" class="row">
            <include file="zh_tw:Public:Include_setting_side" doc-side-push="active" />
            <div id="doc-center">
                <div class="content-panel">
                    <div id="filterHeaderTabContainer">
                        <include file="zh_tw:Public:Include_push_side" doc-side-warn="btn-primary" />
                    </div>
                </div>
                <div id="filterHeader"  class="typo-text-black-deep">
                    <div class="border-box" style="width: 228px;">
                        <notempty name="navbarHotels">
                            <li class='dropdown <eq name="currentHotel" value="">hidden</eq>' id="navbar-hotel-switch">
                                <ul id="doc-header-dropdown" class="dropdown-menu dropdown-menu-attach">
                                    <div class="scrollContainer"> 
                                        <li><a class='nowrap-content <eq name="navbarHotel.hotelentity_id" value="">active</eq>' href="javascript:void(0)" data-hotel="0">全部客棧</a></li>
                                        <foreach name="navbarHotels" item="navbarHotel">
                                            <li><a class='nowrap-content <eq name="navbarHotel.status" value="1">hidden</eq>'  href="javascript:void(0)" data-hotel="{$navbarHotel.hotelentity_id}">{$navbarHotel.name}</a></li>
                                        </foreach>
                                    </div>
                                </ul>
                                <a id="doc-header-brand" data-toggle="dropdown"  href="javascript:void(0);">
                                    <div class="nowrap-content">
                                       <if condition="(I('get.hotel') eq '')">全部客棧<else />{$hotelName}</if>
                                    </div>&nbsp;<span class="caret"></span>
                                </a>
                            </li>
                        </notempty>
                    </div>
                    <div class="border-box">
                        <div class="row">
                            <input id="filterName" class="form-control" type="text" autocomplete="off" placeholder="關鍵字為提醒內容中含該內容" value="">
                        </div>
                    </div>
                    <a class="btn-sm btn-accent btn-raised" id="filterSearch" href="/pushWarn.html?keys=">查詢</a>
                </div>
                <div class="content-panel">
                    <div class="content-panel-header">
                        <div class="content-panel-title">消息列表</div>
                    </div>
                    <div class="content-panel-body" id="warn_content">
                        <notempty name="remindList">
                            <table class="table content-panel-table">
                                <thead>
                                    <tr>
                                        <th>客棧名</th>
                                        <th>提醒時間</th>
                                        <th>提醒內容</th>
                                        <th>入住/退房時間</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>                                   
                                    <volist name="remindList" id="remindList">
                                        <tr class="message_list <?php if ($remindList['isRead'] == 0): ?>xiaoxi_color<?php else: ?><?php endif ?> " data-alarmClockId="{$remindList.alarmClockId}" data-hotel="{$remindList.hotel}">
                                            <td class="col-xs-2">
                                                <div>{$remindList.hotelName}</div>
                                            </td>
                                            <td class="col-xs-2">
                                                <div>{$remindList.remindDate}</div>
                                            </td>
                                            <td class="col-xs-2">
                                                <div>{$remindList.content}</div>
                                            </td>
                                            <td class="col-xs-2">
                                                <div>{$remindList.truereMindDate}</div>
                                            </td>
                                            <td class="col-xs-2">
                                                <div class="btn-link btn-close">刪除</div>
                                                <div class="btn-link <?php if ($remindList['isRead'] == 0): ?>been-read<?php else: ?>hidden<?php endif ?>">标为已读</div>
                                            </td>
                                        </tr>
                                    </volist>
                                </tbody>
                            </table>   
                            <else />
                            <div class="content-panel-empty vertical-middle-block sm-height typo-body-1">
                                <div class="vertical-middle-block-cell">未查詢到任何提醒</div>
                            </div>
                        </notempty> 
                    </div>
                    <div class="content-panel-footer">
                        <div class="pull-right">
                            {$pageFooter}
                        </div>
                        <div class="pull-right content-panel-pagination-info">共有&nbsp;<span class="text-accent">{$pageInfo.total}</span>&nbsp;條記錄，總頁數：&nbsp;<span class="text-accent">{$pageInfo.pageTotal}</span>
                        </div>
                    </div>
                </div>                
            </div>    
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=9025986463b6793ec53391501cffad8d"></script>
    <script type="text/javascript" src="/Public/dist/Home/PushCenterPage/warn.js?rev=f4d343beac892dcf6b4df761f292038d"></script>
</block>